<template>
  <div class="main">
    <div class="title">定 时 开 关 机</div>
    <div class="content">
      <div class="center">
        <div class="on">
          <div>
            <div class="Time">定时开机：</div>
            <div>
              <div class="each"><input type="radio" /><span>开启</span></div>
              <div class="each"><input type="radio" /><span>关闭</span></div>
            </div>
          </div>
          <div>
            <div class="Time">开机时间：</div>
            <div class="TimeInput">
           <input type="text" style="width: 90%;height: 90%;background: rgb(220, 220, 220);border: 0ch;
           border-radius: 0.2vh;"></div>
          </div>
        </div>
        <div class="off">
          <div>
            <div class="Time">定时开机：</div>
            <div>
              <div class="each"><input type="radio" /><span>开启</span></div>
              <div class="each"><input type="radio" /><span>关闭</span></div>
            </div>
          </div>
          <div>
            <div class="Time">开机时间：</div>
            <div class="TimeInput">
           <input type="text" style="width: 90%;height: 90%;background: rgb(220, 220, 220);border: 0ch;
           border-radius: 0.2vh;"></div>
          </div>
        </div>
        
        <div class="buttons"><button @click="save">保 存</button><button @click="cancel">取 消</button></div>
      </div>
    </div>
  </div>    
</template>
<script setup>


import { ref } from 'vue';
import { useRoute,useRouter } from 'vue-router';
const router=useRouter();
const route=useRoute();
const save=()=>{
    router.push({path:"/sheZhi",query:{data:"signin"}})    
}
const exit=()=>{
    router.push({path:"/sheZhi",query:{data:"signin"}})    
}


</script>
<style scoped>
@import url("./general_settingJumpless/ON_OFF.less");
</style>